<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- Frame and Image source CSP is controlled by Cloudfront headers to allow customization via Cloudformation -->
    <meta http-equiv="Content-Security-Policy" 
      content="default-src 'self' blob: data:; 
        worker-src blob: data:;
        img-src * data:;
        frame-src *;
        script-src 'self' 'unsafe-eval';
        style-src 'self' 'unsafe-inline';
        connect-src 'self' wss://*.amazonaws.com  *.amazonaws.com *.amazoncognito.com;
        font-src 'self' fonts.gstatic.com; 
        upgrade-insecure-requests;">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
    <title>LexWebUi</title>
    <!-- empty favicon to avoid 404 -->
    <link href="" rel="icon" type="image/x-icon" />

    <!--
      Webpack injects the loader css tag here.
      if you want to include it manually in your app,
      replace the webpack tag with:
      <link href="lex-web-ui-loader.min.css" rel="stylesheet">
    -->
    <%= htmlWebpackPlugin.tags.headTags %>

    <link rel="stylesheet" href="./custom-chatbot-style.css">
  </head>
  <body>
    <!--
      Loader script.
      Creates a global variable named ChatbotUiLoader.

      Webpack injects the loader script tag here.
      if you want to include it manually in your app,
      replace the webpack tag with:
      <script src="./lex-web-ui-loader.min.js"></script>
    -->
    <%= htmlWebpackPlugin.tags.bodyTags %>

    <!--
      The following script instantiate the full page loader and
      calls its load function.
    -->
    <script src="./initiate-loader.js"></script>
  </body>
</html>
